<template>
	<view class="eval-results-container">
	  <view id="table">
		<view class="eval-results-header"
		  ><view class="title"
			> 张某某学员感统训练（L1）阶梯第（1）阶段训练计划</view
		  >
		 
		  </view>
		<view class="eval-results-content">
		  <view class="result1">
			<view class="result1-title"> 训练目标 </view>
			<view class="result1-content">
			  <view class="cont-tr">
				<view class="cont-td"
				  ><span class="title">前庭觉能力主观量表评分</span>
				  <span class="result">中度失调</span></view
				>
				<view class="cont-td"
				  ><span class="title">本体觉能力主观量表评</span>
				  <span class="result">正常</span></view
				>
				<view class="cont-td"
				  ><span class="title">触觉能力主观量表评分</span>
				  <span class="result">轻度失调</span></view
				>
			  </view>
			  <view class="cont-tr">
				<view class="cont-td flex-column">
				  <view>
					<span class="title">前庭平衡：</span>
					<span class="result" style="color: #4488ed">待提升</span>
					<p class="tip">*影响运动能力，对抗地心重力及平衡感知。</p>
				  </view>
				  <view>
					<span class="title">前庭空间与眼动：</span>
					<span class="result" style="color: #4488ed">待提升</span>
					<p class="tip">
					  *影响空间判断及逻辑推理和视知觉学习获取信息的快速及准确度。
					</p>
				  </view>
				  <view>
					<span class="title">前庭网状：</span>
					<span class="result" style="color: #4488ed">待提升</span>
					<p class="tip">*影响自控力与专注力。</p>
				  </view>
				</view>
				<view class="cont-td flex-column">
				  <view>
					<span class="title">本体肌力控制：</span>
					<span class="result" style="color: #30b3ab">正常</span>
					<p class="tip">*影响运动能力，身体自控。</p>
				  </view>
				  <view>
					<span class="title">本体协调统合:：</span>
					<span class="result" style="color: #30b3ab">正常</span>
					<p class="tip">
					  *影运动能力，肢体灵活，精细动作及双侧大脑整合应用
					</p>
				  </view>
				</view>
				<view class="cont-td flex-column">
				  <view>
					<span class="title">触觉感受防御：：</span>
					<span class="result" style="color: #fe9053">轻度失调</span>
					<p class="tip">
					  *影响学习能力发挥，影响环境适应、人际交往;影响自信心。
					</p>
				  </view>
				</view>
			  </view>
			</view>
		  </view>
		  <view class="line"></view>
		  <view class="result1 result2">
			<view class="result1-title" style="background: #edf4fe">
			  视听知觉学习能力
			</view>
			<view class="result1-content">
			  <view class="cont-tr">
				<view class="cont-td cont-td2"
				  ><span class="title">听知觉通道学习能力</span>
				</view>
				<view class="cont-td cont-td2"
				  ><span class="title">视知觉通道学习能力</span>
				</view>
			  </view>
			  <view class="cont-tr">
				<view class="cont-td cont-td4 flex-column">
				  <span class="title">听基础专注力</span>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <span class="title">听深度专注力</span>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <span class="title">视基础专注力</span>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <span class="title">视深度专注力</span>
				</view>
			  </view>
			  <view class="cont-tr">
				<view class="cont-td cont-td4 flex-column">
				  <view class="td-view">
					<span class="title">听注意广度：</span>
					<span class="result">7-8岁</span>
				  </view>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <view class="td-view">
					<span class="title">听注意力稳定度：</span>
					<span class="result">80%</span>
				  </view>
				  <view class="td-view">
					<span class="title">听记忆加工及空间理解：</span>
					<span class="result">5-6岁</span>
				  </view>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <view class="td-view">
					<span class="title">视注意分辨力：</span>
					<span class="result">18%</span>
				  </view>
				  <view class="td-view">
					<span class="title">视注意广度：</span>
					<span class="result">窄</span>
				  </view>
				</view>
				<view class="cont-td cont-td4 flex-column">
				  <view class="td-view">
					<span class="title">视注意稳定度：</span>
					<span class="result">70%</span>
				  </view>
				  <view class="td-view">
					<span class="title">视记忆加工：</span>
					<span class="result">8岁</span>
				  </view>
				  <view class="td-view">
					<span class="title">视空间理解:</span>
					<span class="result">7.6岁</span>
				  </view>
				</view>
			  </view>
			</view>
		  </view>
		  <view class="line"></view>
		  <view class="result1 result3">
			<view class="result1-title" style="background: #fff4ee">
			  思维理解能力
			</view>
			<view class="result1-content">
			  <view class="cont-tr">
				<view class="cont-td cont-td1"
				  ><span class="title">阅读理解能力</span>
				</view>
			  </view>
			  <view class="cont-tr">
				<view class="cont-td cont-td2">
				  <span class="title">阅读速度</span>
				  <span class="result">200字1分</span>
				</view>
				<view class="cont-td cont-td2">
				  <span class="title">记忆理解</span>
				  <span class="result">60%</span>
				</view>
			  </view>
			  <view class="cont-tr">
				<view class="cont-td cont-td2 flex-column">
				  <view class="td-view">
					<span class="title">正常同龄阅读速度：</span>
					<span class="result">280字1分</span>
				  </view>
				</view>
				<view class="cont-td cont-td2 flex-column">
				  <view class="td-view">
					<span class="title">正常同龄阅读速度：</span>
					<span class="result">300字1分</span>
				  </view>
				</view>
			  </view>
			</view>
		  </view>
		</view>
	  </view>
	  <view class="fixed-height"></view>
	
  
	
	</view>
  </template>
  
  <script>
 
  </script>
  
  <style lang="scss" scoped>
//测评结果
.eval-results-container {
  min-height: 120vh;
  background-color: #f6f7f9;
  padding: pxtovw(30) pxtovw(34);

  .eval-results-header {
    display: flex;
    align-items: center;
    padding-bottom: pxtovw(30);

    .title {
      font-weight: bold;
      font-size: pxtovw(36);
      color: #1e1b3a;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }

    .label {
     border-radius: pxtovw(8);
      height: pxtovw(52);
      font-weight: 500;
      font-size: pxtovw(24);
     
      color:#FE9053;
      background: rgba(254, 144, 83, 0.1);
      text-align: left;
      font-style: normal;
      text-transform: none;
      display: flex;
      align-items: center;
      justify-content: center;
	  padding: 0 pxtovw(34);
    }
    .blue{
      
          color: #4488ed;
            background: rgba(68, 136, 237, 0.1);
    }
  }
}

  .eval-results-container {
	.result1 {
	  width: pxtovw(1932);
  
	  background: #e3f6f6;
	  border-radius: pxtovw(20);
  
	  .result1-title {
		height: pxtovw(102);
		font-weight: bold;
		font-size: pxtovw(32);
		color: #1e1b3a;
		display: flex;
		align-items: center;
		justify-content: center;
	  }
	  .result1-content {
		.cont-tr {
		  display: flex;
		  flex-direction: row;
		  flex-wrap: nowrap;
		  .cont-td {
			width: pxtovw(644);
			background: #ffffff;
			border-radius: pxtovw(0);
			border: pxtovw(1) solid #e9e9e9;
			opacity: 0.9;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: pxtovw(30);
			.title {
			  font-weight: 500;
			  font-size: pxtovw(30);
			  color: #1e1b3a;
			}
			.result {
			  font-weight: bold;
			  font-size: pxtovw(30);
			  color: #1e1b3a;
			}
			.tip {
			  font-weight: 500;
			  font-size: pxtovw(28);
			  color: #666666;
			  padding: pxtovw(16) pxtovw(0) pxtovw(40) pxtovw(0);
			}
		  }
		  .td-view {
			padding-bottom: pxtovw(16);
		  }
		  .result2 {
			height: pxtovw(534);
			background: #edf4fe;
			background: #edf4fe;
		  }
		  .result3 {
			height: pxtovw(408);
			background: #fff4ee;
			border-radius: pxtovw(20);
		  }
  
		  .cont-td2 {
			width: pxtovw(966);
		  }
		  .cont-td1 {
			width: pxtovw(1932);
		  }
		  .cont-td4 {
			width: pxtovw(483);
		  }
		  .flex-column {
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
		  }
		}
	  }
	}
  }
  .line {
	height: pxtovw(30);
  }
  </style>
  